<div style="background-color: rgb(247,247,247)">
    <div class="payment_top">
        <a href="javascript:history.go(-1)"><img class="backImg" src="images/leftarrow.png"></a>
        <span class="payment_title">充电管理</span>
        <!--<span class="payment-account" ui-sref="turnover">账户</span>-->
    </div>
    <div class="dh-data">
        <label id="date" class="label-date" for="date">
            <p class="payment-title">{{vm.date.year}}年</p>
            <div style="position: relative">
                <span class="payment-month">{{vm.date.month}}</span><span>月</span>
                <span class="glyphicon glyphicon-triangle-bottom" style="position: absolute;top: 15px;"></span>
            </div>
        </label>
        <!--有收益时-->
        <div style="width: 70%;float: right" ng-show="vm.profit">
            <table class="sh-data-table">
                <tr>
                    <td><span class="payment-title">收益（元）</span>
                    </td>
                    <td><span class="payment-title">充电次数（次）</span>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 10px 0;font-size: 30px">
                        <span>{{vm.monthly.tradeTotalFee/100}}</span>
                    </td>
                    <td>
                        <span style="font-size: 30px">{{vm.monthly.tradeNum}}</span>
                    </td>
                </tr>
            </table>
        </div>
        <!--无收益时-->
        <div style="width: 70%;float: right" ng-hide="vm.profit">
            <table class="sh-data-table">
                <tr>
                    <td><span class="payment-title">收益（元）</span>
                    </td>
                    <td><span class="payment-title">充电次数（次）</span>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 10px 0;font-size: 30px">
                        <span>暂无</span>
                    </td>
                    <td>
                        <span style="font-size: 30px">暂无</span>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="tab_ul_content">
        <!--选择框-->
        <ul class="classify_bottom" style="margin-top: 10px;">
            <li class="bottom_record active" href="/#profile" aria-controls="profile" role="tab" data-toggle="tab">
                <a class="recode_tab" data-toggle="tab">明细</a><span style="float: right;color: rgb(112,112,112)">|</span>
            </li>
            <li class="bottom_record" href="/#messages" aria-controls="messages" role="tab" data-toggle="tab">
                <a class="recode_tab" data-toggle="tab">类别报表</a>
            </li>
        </ul>
    </div>
    <div class="tab-content of-touch">
        <!--明细-->
        <div class="body_record tab-pane active" id="profile">
            <div ng-repeat="daily in vm.dailymonth | orderBy:'-dailyReportTotal.settleDate'" ng-show="vm.dailymonth.length>0">
                <div class="payment-profit-date">
                    <span class="payment-profit-left">{{daily.dailyReportTotal.settleDate |time_filter}}</span>
                    <span class="payment-profit-right">收益￥{{daily.dailyReportTotal.tradeTotalFee/100}}</span>
                </div>
                <ul class="profit-details" ng-repeat="list in daily.cashmains | orderBy:'-paytime'" ng-init="vm.initCount(list,daily.cashmains)">
                    <li ng-show="list.source==1">
                        <img src="images/wchat.png" alt="">
                        <span>微信收款</span>
                        <span class="payment-profit-right">￥{{list.tradeTotalFee/100}}</span>
                    </li>
                    <li ng-show="list.source==2">
                        <img src="images/alipay.png" alt="">
                        <span>支付宝收款</span>
                        <span class="payment-profit-right">￥{{list.tradeTotalFee/100}}</span>
                    </li>
                </ul>
            </div>
            <div ng-show="vm.dailymonth.length==0" class="without-data">暂无数据</div>
        </div>

        <!--类别报表-->
        <div class="body_record tab-pane fade" id="messages">
            <div ng-show="vm.profit" style="background-color: white;width: 100%;height: 100%">
                <div class="pie-profit">总收益：<span style="font-size: 22px;color: #000;">{{vm.monthly.tradeTotalFee/100}}</span>元</div>
                <div id="main" class="pie-chart" ng-show="vm.profit"></div>
            </div>

            <div ng-hide="vm.profit" class="without-data">暂无数据</div>
        </div>
    </div>
</div>

